<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-1.11.3.min.js"></script>
</head>
<body>

<div class="three" >第三</div>

</body>
<script>
    window.onload=function(){
        var three = document.querySelector('.three');
        three.addEventListener('mousedown',function(){
            console.log("自己的down")
           location.href='https://www.baidu.com/'
       },false)

    //    var three = document.querySelector('.three');
    //    three.addEventListener('mousedown',function(){
    //         console.log("down")
    //    })
    //    three.addEventListener('mouseover',function(e){
    //         console.log("over")
    //         var ev = new MouseEvent('mousedown', {
    //             cancelable: true,
    //             bubble: true,
    //             view: window,
    //             screenX:e.screenX,
    //             screenY:e.screenY,
    //             clientX:e.clientX,
    //             clientY:e.clientY
    //         });
    //     three.dispatchEvent(ev);
    //    })
    //    var ev1 = new MouseEvent('mouseover', {
    //         cancelable: true,
    //         bubble: true,
    //         view: window
           
    //     });
    //     three.dispatchEvent(ev1);
    //     three.mouseover=null;

       
    }
</script>
</html>